* { box-sizing: border-box; -webkit-text-size-adjust: none; outline: none; }
body { margin: 0; padding: 0; font: inherit; line-height: normal; }
header, nav, main, img, form, p { margin: 0; padding: 0; border: 0; }
ul, ol { margin: 0; padding: 0; list-style-type: none; }
hr, dl, dt, dd { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
tbody { border-collapse: collapse; border-spacing: 0px; }
pre { margin: 0px; padding: 0px; border: 0px; overflow: hidden; font-family: inherit; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; word-break: break-all; }
select, input, textarea, button { font-size: inherit; padding: 2px 5px; font-family: inherit; color: inherit; }
a { text-decoration: none; color: inherit; transition: ease .3s; }
a:hover { text-decoration: none; color: inherit; }
th { text-align: left; }
td { word-wrap: break-word; word-break: break-all; }
ins, em { text-decoration: none; font-style: normal; }
h1, h2, h3, h4 { padding: 0; margin: 0; font-size: inherit; font-weight: inherit; }
input[type=text], input[type=password], input[type=file], input[type=number], input[type=tel], input[type=button], input[type=submit], input[type=reset], textarea { -webkit-appearance: none; }

.g_imgf { max-width: 100%; }

.g_ell { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.g_content { clear: both; font-size: 16px; font-family: "微软雅黑", "Arial","Helvetica", "sans-serif"; overflow: hidden; }
.g_content header, .g_content nav, .g_content main, .g_content img, .g_content form, .g_content p { margin: initial; padding: initial; border: initial; }
.g_content ul, .g_content ol { margin: 1em 0; padding: 0 0 0 2em; list-style-type: none; }
.g_content hr, .g_content dl, .g_content dt, .g_content dd { margin: initial; padding: initial; }
.g_content table { border-collapse: initial; border-spacing: initial; }
.g_content tbody { border-collapse: initial; border-spacing: initial; }
.g_content pre { margin: initial; padding: initial; border: initial; overflow: hidden; font-family: initial; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; word-break: break-all; }
.g_content select, .g_content input, .g_content textarea, .g_content button { font-size: initial; padding: initial; font-family: initial; }
.g_content a { text-decoration: initial; color: initial; }
.g_content a:hover { text-decoration: initial; color: initial; }
.g_content th { text-align: initial; }
.g_content td { word-wrap: break-word; word-break: break-all; }
.g_content ins, .g_content em { text-decoration: initial; font-style: initial; }
.g_content h1, .g_content h2, .g_content h3, .g_content h4 { padding: initial; margin: initial; }
.g_content h1 { font-size: 2em; font-weight: bold; }
.g_content h2 { font-size: 1.5em; font-weight: bold; }
.g_content h3 { font-size: 1.17em; font-weight: bold; }
.g_content p { line-height: 2em; margin: 5px 0; }
.g_content img { max-width: 100%; }



.g_list { clear: both; }
.g_list .offset::before { content: ''; display: block; clear: both; }
.g_list .offset::after { content: ''; display: block; clear: both; }
.g_list .offset .list > li { float: left; }
.g_list .offset .list > li .box { display: block; }


.float{position: fixed;z-index: 9999;bottom:30%;right: 30px}
.float .item{position: relative;border-bottom: 1px solid #dbdbdb;text-align: center}
.float .item:last-child{border-bottom: none}
.float .item .a{display: block;background: #f0f0f0;width: 100px;height: 89px;}
.float .item .a .icon{height: 60px;line-height: 60px;}
.float .item .a .icon img{}
.float .item .a .icon img:nth-child(1){}
.float .item .a .icon img:nth-child(2){display: none}
.float .item .a p{font-size: 14px;line-height: 1.1;color: #888888;}
.float .item .a p span{}

.float_pop{display: none;transition: .5s ease all;position: absolute;top:0;right: 100%;z-index: -1;opacity: 0;background: #42CE8B;padding: 15px}
.float_pop:before{right: 100%;top:40px;display: block;content: '';position: absolute;width: 6px;height: 12px;background: url("../images/icon22.png") no-repeat center;background-size: 100%!important;}
.float_pop .img{width: 200px;}
.float_pop .img img{width: 100%;}
.float_pop .p{font-size: 14px;color: #FFF;line-height: 1.6;padding: 10px 7px 0}

.float_pop .p2{color: #FFF;font-size: 20px;white-space: nowrap;line-height: 1.5;padding: 0 20px}

.float_pop1{top:50%;transform: translateY(-50%)}
.float_pop1:before{top:50%;transform: translateY(-50%)}

.float .item:hover .a,
.float .item.in .a{background: #42CE8B}

.float .item.in .a .icon img:nth-child(1),
.float .item:hover .a .icon img:nth-child(1){display: none}
.float .item.in .a .icon img:nth-child(2),
.float .item:hover .a .icon img:nth-child(2){display: inline-block}
.float .item:hover .a p,
.float .item.in .a p{color: #FFF}


.float .item:hover .float_pop,
.float .item.in .float_pop{display: block;animation: rightMenu 0.3s ease-in 1 forwards;z-index: 9998;opacity: 1;right: 120%;}

._top{opacity: 0}


@keyframes rightMenu {
    0% {
        right: 100%;
        opacity: 0;
    }
    100% {
        right: 120%;
        opacity: 1;
    }
}


@media(max-width: 1600px){
    .float .item .a{width: 80px;height: 80px}
    .float .item .a .icon{height: 55px;line-height: 55px;}
    .float{right: 20px;}
}

@media(max-width: 1200px){
    .float .item .a p{font-size: 13px}
    .float .item .a{width: 75px;height: 75px;}
    .float .item .a .icon{height: 50px;line-height: 50px;}
    .float{right: 10px;}
}

@media(max-width: 767px){
    .float .item .a p{font-size: 12px}
    .float .item .a p span{display: none}
    .float .item .a{width: 50px;height: 50px;}
    .float .item .a .icon{height: 32px;line-height: 32px;}
    .float{right: 10px;}
    .float .item .a .icon img{max-height: 20px;max-width: 20px}
    .float{bottom:10%}
    .float_pop{padding: 9px}
    .float_pop .p2{font-size: 18px;}
    .float_pop .p{line-height: 1.3}
    .float_pop{top: auto;bottom:0}
    .float_pop:before{top:auto;bottom:20px}
    .float_pop1{top:50%;bottom:auto}
    .float_pop1:before{top:50%}
}